<template>
  <div class="grade">
    <h1 class="">安徽省职业技能等级认定考试</h1>
    <aside class="gradeContent">
      <div class="student">
        <div>考生：{{ grade.examineeName }}</div>
      </div>
      <div class="pass">
        <!-- {{ grade.totalScore }}分 -->
        成绩：
        <span class="num">{{
          grade.totalScore < 60 ? "(不合格)" : "(合格)"
        }}</span>
      </div>
    </aside>
  </div>
  <!-- v-if="grade.totalScore < 60" -->
</template>

<script>
export default {
  name: "",

  data() {
    return {
      grade: null,
    };
  },
  created() {
    this.grade = this.$route.query.grade;
  },
};
import "@/views/grade/grade.scss";
</script>

<style lang="scss" scoped>
// .grade {
//   width: 100vw;
//   height: 100vh;
//   text-align: center;
//   background-image: linear-gradient(to right, #999999, #0161b4);
// .gradeContent{
//   width: 300px;
//   height: 300px;
//   border: 1px solid red;
// }
//   h1 {
//     padding-top: 200px;
//     font-size: 70px;
//   }

//   div {
//     font-size: 50px;
//     margin-top: 100px;
//   }
//   .pass{
//     color: green;
//   }
//   .totalScore {
//     color: red;
//   }
// }
</style>
